---
title: UI 概览
---

import { UIArchitecture } from '@/components/ui-architecture'

## 架构

Univer 的 UI 基座基于下图设计：

<UIArchitecture />

通过不同的插件相结合，向基座中添加各种功能和视图，最终形成一个完整的应用。

## 设计系统

Univer 的设计系统基于 Tailwind CSS 构建了一系列的设计 Tokens，这些 Tokens 会被渲染引擎复用，以确保渲染引擎与视图层的样式一致。你可以通过修改这些 Tokens 来定制你的应用的样式，Tokens 被存储在 `@univerjs/themes` 包中。
